

.essay-main .header{padding:20px;

  border-bottom:1px solid #ddd;
}

.login-box{position:relative;
}

.login-box  .nav{height:40px;
}

.login-box  .nav li{float:left;

  width:50%;

  text-align:center;

  font-size:24px;
}

.login-box  .nav li.active{border-bottom:5px solid peachpuff;
}


.login-box  .nav li a{display:block;

  width:100%;
  height:100%;

  cursor:pointer;
}

.login-box form{position:absolute;

  display:none;

  width:100%;
  padding-top:20px;
}


.login-box form.active{display:block;
}

.html-editor ,
.html-editor body{height:100%;
}

.editor .essay{position:relative;
}


.editor .btn-close{position:absolute;
  right:30px;

  display:block;

  cursor:pointer;
}

/* .editor{position:relative;

  height:100%;
}

.editor .sidebar{position:absolute;

  overflow:scroll;

  width:200px;
  height:100%;
  padding-top:20px;

  border-right:1px solid  #ddd;
  background-color:#eee;
}


.editor .sidebar ul{padding-left:0;

  list-style:none;
}
.editor .sidebar ul li{padding:20px;
}


.editor .sidebar .btn-add{display:block;

  width:120px;
  margin:10px auto;
}

.editor .sidebar  .esssay{width:100%;
  height:100px;

  border-top:1px solid  #ccc;
  border-bottom:1px solid  #ccc;
  background-color:#ddd;
}

.editor .content{float:left;

  width:100%;
  height:100%;
  margin-left:200px;
}
.eidtor form{position:relative;
}

.editor  .essay-title{width:100%;
  height:80px;
  padding-left:20px;

  border:none;

  font-size:30px;
}

.editor  .btn-save{position:absolute;
  z-index:10;
  top:85px;
  right:20px;
}

.editor .content .type-box{width:400px;
  height:100%;

  border-right:1px solid  #ddd;
}

.editor .content .header-box{width:400px;
  height:100px;

  border-right:1px solid  #ddd;
  border-bottom:1px solid  #ddd;
} */